
<div #self class="el-input--{{size}}" [ngClass]="{'el-input':type!=='textarea',
                        'el-textarea':type==='textarea',
                        'is-disabled':disabled,
                        'el-input-group':hasPrepend||hasAppend,
                        'el-input-group--append':hasAppend,
                        'el-input-group--prepend':hasPrepend}">
  <ng-container *ngIf='type!=="textarea"'>
    <!-- 前置元素 -->
    <div class="el-input-group__prepend" #prepend *ngIf="hasPrepend">
      <ng-content select='.el-input-prepend'></ng-content>
    </div>
    
    
    <i class="el-input__icon el-icon-{{icon}}" *ngIf="icon" [ngClass]="{'is-clickable':onClickable}" (click)="handleIconClick()"></i>
    
    <input
      [name]='name'
      class="el-input__inner"
      [autocomplete]="autoComplete"
      [value]="currentValue"
      [(ngModel)]='model'
      ref="input"
      (input)="handleInput($event)"
      (focus)="handleFocus($event)"
      (blur)="handleBlur($event)"
      
      
    >
    <!-- <i class="el-input__icon el-icon-loading" *ngIf="validating"></i> -->
    <!-- 后置元素 -->
    <div class="el-input-group__append" #append *ngIf='hasAppend'>
      <ng-content select=".el-input-append"></ng-content>
    </div>
   </ng-container>
   <ng-container *ngIf="type==='textarea'">
    <textarea #textarea
    class="el-textarea__inner"
    [value]="currentValue"
    (input)="handleInput($event)"
    [(ngModel)]='model'
    ref="textarea"
    (focus)="handleFocus($event)"
    (blur)="handleBlur($event)">
  </textarea>
   </ng-container>
   
    
</div>

  